<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
    <!-- <style type="text/css">
       
    </style> -->
    <link rel="stylesheet" href="./style/首尾公用样式.css">
    <link rel="stylesheet" href="./style/联系页.css">
    <script type="text/javascript" src="//api.map.baidu.com/api?v=2.0&ak=zoH46jPvlC1vLXhKgLVvcxGdBCrN5xjW"></script>
    <title>怪物电子科技-联系页</title>
</head>

<body>
    <header>
        <nav>
            <ul class="nav_ul1">
                <li><img src="./image/0102logo.png" alt="怪物电子"></li>
                <li><a href="./index.html">首页</a></li>
                <li><a href="./fuwu.html">服务</a></li>
                <li><a href="./anli.html">案例</a></li>
                <li><a href="./xinwen.html">新闻</a></li>
                <li><a href="./lianxi.html">联系</a>
                <div class="posi"><a href="./liuyan.html">留言</a></div>
                </li>
            </ul>
        </nav>
    </header>
    <main>
        <div class="b"><img src="./image/b4.png" alt=""></div>
        <aside>
            <h2>CONTACT</h2>
            <h4>联系我们</h4>
        </aside>
        <div class="aside1 flex just">
                <dl>
                    <dt>MECHANICAL DESIGN</dt>
                    <dd>Tel：020-000000 000-000000</dd>
                    <dd>Mobile：130000000</dd>
                    <dd>QQ：258506508</dd>
                    <dd>Email：xxx@.co.m</dd>
                    <dd>Address：XXX省XXX市XXX县XXX路XXX号</dd>
                </dl>
                <form action="" method="post">
                    <ul>
                        <li>姓名：<input type="text"></li>
                        <li>邮箱：<input type="text"></li>
                        <li>内容：<textarea maxlength="100">
                        </textarea></li>
                        <li><input type="submit"></li>
                    </ul>
                </form>
            </div>
    </main>
    <div id="allmap"></div>
    <div class="p">地址:神圣兽国游尾郡窝窝乡独行族</div>
    <footer>
        <div>
            <img src="./image/images1/怪物电子科技-首页_04.png" alt="">
        </div>
    </footer>
</body>

</html>
<script type="text/javascript">
    // 百度地图API功能
    var map = new BMap.Map("allmap");    // 创建Map实例
    map.centerAndZoom(new BMap.Point(130.28473459, 46.8137796), 11);  // 初始化地图,设置中心点坐标和地图级别
    //添加地图类型控件
    map.addControl(new BMap.MapTypeControl({
        mapTypes: [
            BMAP_NORMAL_MAP,
            BMAP_HYBRID_MAP
        ]
    }));
    map.setCurrentCity("北京");          // 设置地图显示的城市 此项是必须设置的
    map.enableScrollWheelZoom(true);     //开启鼠标滚轮缩放
</script>